@mixin page5-box($w, $h, $bgc:transparent) {
    width: $w;
    height: $h;
    background-color: $bgc;
}
*{
    margin: 0;
    border: 0;
    .web{
        margin: 0 auto;
        @include page5-box(1000px,1863px ,transparent );
        main{
            position: relative;
          @include page5-box(1000px, 784px,transparent );
        //   我要转让标题
          .rawTitle{
              display: flex;
              position: absolute;
              justify-content: space-between;
              align-items: center;
              top: 52px;
              left: 328px;
              @include page5-box(349px,28px ,transparent);
              .spe-left{
                 @include page5-box(105px,1px ,#9ac1c0 );
              }
              .spe-right{
                @include page5-box(105px,1px ,#9ac1c0 );
              }
              .title-words{
               display: flex;
               justify-content: space-between;
               flex-direction: column;
               align-items: center;
                @include page5-box(86px,28px ,transparent);
                .words-cn{
                    background-image: url(../img/page5/我要转让.png);
                    @include page5-box(84px,14px , transparent);
                }
                .words-en{
                    background-image: url(../img/page5/WOYAOZHUANRANG.png);
                    background-repeat: no-repeat;
                    @include page5-box(86px,14px ,transparent );
                }
              }
          }
            .user_notice{
                position: absolute;
                top: 111px;
                left: 257px;
                font-size: 14px;
                @include page5-box(477px,15px ,transparent);
            }
            // 注册区
            .register_content{
                position: absolute;
                display: flex;
                justify-content: space-between;
                flex-direction: row;
                top: 167px;
                left: 198px;
                @include page5-box(620px,344px ,transparent);
                .reg_item_bar{
                    display: flex;
                    justify-content: space-between;
                    flex-direction: column;
                    @include page5-box(72px,344px ,transparent);
                    div{
                        font-size: 14px;
                        @include page5-box(72px, 18px,transparent );
                    }
                }
                .input_bar{
                    display: flex;
                    justify-content: space-between;
                    flex-direction: column;
                    @include page5-box(228px,344px ,transparent );
                    input{
                        border: 1px solid ;
                        padding: 0;
                        border-color: #9ac1c0;
                        @include page5-box(209px,17px , transparent);
                    }
                    select{
                        border: 1px solid #9ac1c0;
                        color: #9a9a9a;
                        @include page5-box(167px, 18px, transparent);

                    }
                    .gender_select{
                        display: flex;
                        justify-content: space-between;
                        flex-direction: row;
                        @include page5-box(146px,18px , );
                        input{
                            @include page5-box(11px, 18px, transparent);
                        }
                    }
                    .vcode_box{
                        display: flex;
                        justify-content: space-between;
                        flex-direction: row;
                        @include page5-box(228px, 18px, transparent);
                        input{
                            @include page5-box(63px,18px ,transparent);
                        }
                        .code_pic{
                            background-image: url(../img/page5/QQ截图20151221103301.png);
                            @include page5-box(57px,18px ,transparent );
                        }
                        .code_refresh{
                            font-size: 12px;
                            text-align: center;
                            @include page5-box(100px,18px ,transparent );
                            
                            a{
                                text-decoration: none;
                                color: red;
                            }
                        }
                        
                    }
                }
                .remind_bar{
                    display: flex;
                    justify-content: space-between;
                    flex-direction: column;

                    @include page5-box(308px,344px ,transparent);
                    div{
                        font-size: 14px;
                        @include page5-box(308px,18px , transparent);
                        span{
                            color: red;
                        }
                    }
                }
            }
            // 注册协议
            .Registration_agreement{
                position: absolute;
                display: flex;
                flex-direction: row;
                top: 541px;
                left: 197px;
                @include page5-box(681px,138px ,transparent);
                .mumber_re_agreement{
                    font-size: 14px;
                    @include page5-box(132px,14px ,transparent);

                }
                .agreement_content{
                    border: 1px solid #9ac1c0;
                    @include page5-box(549px,116px ,transparent );
                    .content_box{
                        margin-top: 10px;
                        margin-left: 11px;
                        font-size: 12px;
                        line-height: 140%;
                        @include page5-box(530px,98px ,transparent );
                    }
                }
                .have_read_agreement{
                    position: absolute;
                    display: flex;
                    justify-content: space-between;
                    flex-direction: row;
                    top: 126px;
                    left: 114px;
                    @include page5-box(196px,13px ,white);
                    .have_read_agreement_btn{
                        background-image: url(../img/page5/形状14.png);
                        @include page5-box(15px,13px ,transparent);
                    }
                    .me_haveread{
                        font-size: 12px;
                        @include page5-box(157px,13px ,transparent);
                    }
                }
            }
         
            // 注册按钮
            .register_btn{
                display: flex;
                position: absolute;
                align-items: center;
                top: 713px;
                left: 436px;
                @include page5-box(121px,33px ,transparent);
                button{
                    display: flex;
                    justify-content: center;
                    // text-align: center;
                    border-radius: 5px;
                    @include page5-box(121, 33px,#6db6ff );
                    a{ 
                        width: 121px;
                        height: 33px;
                        font-size: 16px;
                        text-decoration: none;
                        color: white;
                    }
                }
            }
            .box_spe{
                display: flex;
                position: absolute;
                bottom: 0;
                width: 1000px;
                height: 1px;
                background-color: skyblue;
            }

        }
    }
}